<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的生活</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" type="text/css" href="../css/MyShare.css">
    <link rel="stylesheet" type="text/css" href="../css/userappraise.css">

  </head>
  <body>
    <div class="page-group">
        <div class="page page-current">
            <header>
                <label id="MyShare_word">给个评价</label>
                <a href="" class="button button-link button-nav pull-left back" style="border:none;margin-top:10px;">
                    <span class="icon icon-left"></span>
                    返回
                </a>  
            </header> 
            <div class="userappraise_body">
                <div id="first" style="margin-top:10px;">
                    <label class="Yourappraise">图书评价:</label>
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                </div>
                 <div style="margin-top:10px;">
                    <label class="Yourappraise">电影评价:</label>
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                </div>
                 <div style="margin-top:10px;">
                    <label class="Yourappraise">总体评价:</label>
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star.png" class="star">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                    <img src="../images/star1.png" class="star1">
                </div>
                <div>
                    <label class="Yourappraise">您的评价：</label>
                    <textarea id="userappraise" placeholder="您的意见很重要，请点评一下.."></textarea>
                </div>
            </div>
        </div>
    </div>

    <script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <!-- <script>
        window.onload=function () {
            var star = document.getElementsByClassName("star");
            var star1 = document.getElementsByClassName("star1");
            var mystar = false;

            star.onclick=function () {
                if (!mystar) {
                    star.style.display = 'none';
                    star1.style.display = 'block';
                    mystar = ture;
                }
                else{
                    star.style.display = 'block'
                    star1.style.display = 'none';
                    mystar = false;
                }
            }

             /* body... */ 
        }
    </script> -->
   <!--  <script>
        $(document).ready(function () {
            $("#first .star").click(function () {
                var index = $(this).index()
                $(".star").eq(index).css({
                    "display" :"none"
                })  

                // star.style.display = 'none'
                // star1.style.display = 'block';
                // $(this).attr("style","display :none")
                // $("star1").attr("style","display :none")
            })
            $(".star1").click(function(){
                star.style.display = 'block';
                star1.style.display = 'none';
            })
        }) 
    </script> -->

  </body>
</html>